@import './basic/reset.scss';
@import './antd/form.scss';

.clearfix {
    &:before,
    &:after {content: '';display: table;}
    &:after {clear: both;}
}

.w025 {width: 2.5%;}
.w050 {width: 5.0%;}
.w075 {width: 7.5%;}
.w100 {width: 10.0%;}
.w125 {width: 12.5%;}
.w150 {width: 15.0%;}
.w160 {width: 16.0%;}
.w175 {width: 17.5%;}
.w200 {width: 20.0%;}
.w225 {width: 22.5%;}
.w250 {width: 25.0%;}
.w275 {width: 27.5%;}
.w300 {width: 30.0%;}
.w325 {width: 32.5%;}
.w350 {width: 35.0%;}
.w375 {width: 37.5%;}
.w400 {width: 40.0%;}
.w450 {width: 45.0%;}
.w500 {width: 50.0%;}
.w550 {width: 55.0%;}
.w600 {width: 60.0%;}

.mwh{
    max-width: 100%;
    max-height: 100%;
}

.xwarp{
    width:100%;
    height:100%;
    position: relative;
}




// fade
.fade-enter {
    opacity: 0;
}
.fade-enter-active {
    opacity: 1;
    transition: all 0.25s ease-in-out;
}
.fade-exit {
    opacity: 1;
}
.fade-exit-active {
    opacity: 0;
    transition: all 0.25s ease-in-out;
}


.router-wrapper {
    overflow: hidden;
  }
  
// .fade-enter {
//     opacity: 0;
//     transform: translateX(100%);
// }

// .fade-enter-active {
//     opacity: 1;
//     transform: translateX(0);
//     transition: all 500ms;
// }

// .fade-exit {
//     opacity: 1;
//     transform: translateX(0);
// }

// .fade-exit-active {
//     opacity: 0;
//     transform: translateX(-100%);
//     transition: all 500ms;
// }

.page-enter {
opacity: 0;
transform: scale(1.1);
}

.page-enter-active {
opacity: 1;
transform: scale(1);
transition: opacity 300ms, transform 300ms;
}

.page-exit {
opacity: 1;
transform: scale(1);
}

.page-exit-active {
opacity: 0;
transform: scale(0.9);
transition: opacity 300ms, transform 300ms;
}